<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body{
				width: 20rem;
				
			}
			#d1{
				width: 20rem;
				height: 58rem;
				border: solid 1px red;
				background-color: #A9A9A9;
			}
			#d2{
				width: 20rem;
				height: 10rem;
				background-image: url(img/person.png);
				background-size: contain;
			}
			#d2 ul li{
				list-style: none;
				float: right;
				padding-left: 3.5rem;
				position: relative;
				left: -4rem;
				top: 2.5rem;
				color: white;
			}
			#d3{
				width: 20rem;
				height: 10rem;
				background-color: white;
				border-radius: 10%;
				position: relative;
				top: -1rem;
			}
			#d4{
				width: 20rem;
				height: 7rem;
				background-color: white;
				border-radius: 10%;
				position: relative;
				top: -2rem;
			}
			#d4 ul li{
				list-style: none;
				float: left;
				position: relative;
				top: -2rem;
				left: -7rem;
				margin-left: 5rem;
				margin-top: 1rem;
				
			}
			#d5{
				width: 20rem;
				height: 15rem;
				background-color: white;
				border-radius: 10%;
				position: relative;
				top: -3rem;
			}
			#d5 ul li{
				list-style: none;
				line-height: 3rem;
				margin-left: -1.5rem;
				margin-top: -1rem;
			}
			#d6{
				width: 20rem;
				height: 15rem;
				background-color: white;
				border-radius: 10%;
				position: relative;
				top: -4rem;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="d2">
				<span style="color: white; font-size: 1.4rem; position: relative;left: 1rem;top: 2rem;">特蕾丝·约海于格</span>
				<br />
				<span style="color: white;font-size: 0.8rem;position: relative;left: 1rem;top: 2rem;">挪威女子越野滑雪运动员</span>
				<br />
				<span style="color: white;font-size: 1rem;position: relative;left: 1rem;top: 2rem;">已获:3金</span>
				<!-- <div style="position: relative;left: 15rem;top: -2rem;"><img src="img/per01.jpg" style="width: 4rem;height: 4rem;"></div> -->
				<ul>
					<li>赛程</li>
					<li><b>资料</b></li>
					<li>新闻</li>
				</ul>
			</div>
			
			<a href="#" style="text-decoration: none;color: black;">
				<div id="d3">
					<h2 style="position: relative;left: 0.6rem;">百度百科</h2>
					<img src="img/per01.jpg" width="100rem"height="100rem" style="position: relative;left: 0.6rem;top: -0.5rem;">
					<div style="width: 12rem;height: 6.3rem; font-size: 0.9rem;position: relative;top: -7rem;left: 7.2rem;">
						特蕾丝·约海于格（Therese Johaug），女，1988年6月25日出生于挪威勒罗斯，挪威越野滑雪运动员.
						2022年2月5日，北京2022年冬奥会......
					</div>
				</div>
			</a>
			
			<div id="d4">
				<h2 style="position: relative;left: 0.6rem;">基本资料</h2>
				<ul>
					<li>性别:女</li>
					<li>年龄:33</li>
					<li>生日:1988-06-25</li>
				</ul>
			</div>
			
			<div id="d5">
				<h2 style="position: relative;left: 0.6rem;">本届参赛</h2>
				<span style="margin-left: 1rem;">项目</span>
				<span style="margin-left: 12rem;">成就</span>
				<hr >
				<ul>
					<li>女子双追逐</li>
					<li>女子4x5公里接力</li>
					<li>女子30公里集体出发</li>
					<li>女子10公里</li>
				</ul>
				
				<ul style="float: right;margin-right: 2rem;margin-top: -9rem;">
					<li>金牌<img src="img/金牌.png" width="20rem" height="20rem"></li>
					<li>第五名</li>
					<li>金牌<img src="img/金牌.png" width="20rem" height="20rem"></li>
					<li>金牌<img src="img/金牌.png" width="20rem" height="20rem"></li>
				</ul>
			</div>
			
			<div id="d6">
				<h2 style="position: relative;left: 0.6rem;">历史成绩</h2>
				<table style="font-size: 0.9rem;">
					<tr>
						<td width="2rem">年份</td>
						<td width="100rem">赛事</td>
						<td width="100rem">项目</td>
						<td>排名</td>
					</tr>
					<tr>
						<td>2014</td>
						<td>索契冬奥会</td>
						<td>女子自由式30公里</td>
						<td>2</td>
					</tr>
					<tr>
						<td>2014</td>
						<td>索契冬奥会</td>
						<td>女子10公里古典风格</td>
						<td>3</td>
					</tr>
					<tr>
						<td>2014</td>
						<td>索契冬奥会</td>
						<td>女子2x7.5公里双人追逐赛</td>
						<td>4</td>
					</tr>
					<tr>
						<td>2014</td>
						<td>索契冬奥会</td>
						<td>女子4x5公里接力</td>
						<td>5</td>
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>